/*
 * Provide the Orion specific styles. All the document level styls should live in pages.css
 */
.navlink {
	display: inline-block;
	padding: 2px;
	color: #333333;
}

.navlink:hover {
	color: #00AED1;
}

.navlink > span {
	color: inherit;
	vertical-align: text-bottom;
}

.nav_fakelink:hover {
	cursor: pointer;
}

.navlinkonpage, .nav_fakelink {
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #555;
}

.navlinkonpage:active {
	text-decoration: none;
}

.navlinkonpage:hover {
	text-decoration: none;
	border-bottom: 1px dotted;
	color: #00AED1;
}

/* ----- side panel ----- */

.auxpane:not(#leftPane) .navlinkonpage, .nav_fakelink {
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	color: inherit;
}

.auxpane:not(#leftPane) .navlink {
	display: inline-block;
	padding: 2px;
	color: inherit;
	vertical-align: bottom;
    line-height: 12px;
	border-bottom: 1px solid transparent;
}

.auxpane:not(#leftPane) .navlink:hover {
	border-bottom: 1px dotted;
}

.dragOver {
	color: white !important;
	background: #1bb199;
	outline: #AAA 2px dotted !important;
}

.iconFunction {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 5px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("");
}
.iconObject {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 5px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("");
}
.iconClass {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 5px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("");
}
.logo {
	background-image: url(../images/core_sprites.png);
	background-repeat: no-repeat;
	background-position: 0 -517px; 
	width: 37px; height: 14px; 
	margin-top: 6px;
	margin-right:5px;
}

html[dir="rtl"] .logo { /* ACGC */
	margin-left:5px;
	margin-right:auto;
}

.pageNav {
	color: #707070;
	font-size: 8pt;
}

.pageActions {
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
}

.runBar {
	-webkit-align-items: center;		 		 /* Safari */
	align-items: center;
	display: -webkit-inline-flex !important;		 /* Safari */
	display: inline-flex !important;
	height: 100%;
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
}

/* 4px margin used by toolbar, plus 4px of border/padding */
.status {
	color: white;
	vertical-align: baseline;
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
}

/* marker for finding section and main toolbars */
.toolComposite {
}

.taskTitle {
	min-width: 10em;
}

.taskDescription {
	font-size: 8pt;
	padding: 8px;
}

.pageNavigationActions {
	text-align: right;
	min-height: 30px;
}

html[dir="rtl"] .pageNavigationActions { /* ACGC */
	text-align: left;
}

/* slideout styles */

/* the left hand side of slideout containing parameter fields */
.parameters {
	color: whitesmoke;
	vertical-align: middle;
}

/* the right hand side of slideout containing dismiss buttons */
.parametersDismiss {
	color: whitesmoke;
	vertical-align: middle;
	font-weight: normal;
	padding: 3px 0 0 3px;
	padding-bottom: 0;
}

html[dir="rtl"] .parametersDismiss { /* ACGC */
	padding: 3px 3px 0px 0px;
}

/* buttons used to dismiss or complete a slideout */
.dismissButton {
	border: 1px solid transparent;
	background: transparent;
	color: white;
	cursor: pointer;
    border-radius: 1px;
	padding: 2px;
	padding-top: 1px;
	font: 8pt Lucida Sans Unicode,Lucida Grande,Verdana,Arial,Helvetica,Myriad,Tahoma,clean,sans-serif;  /* to override user agent stylesheet */
	margin: 0 4px 0;
	vertical-align: middle;
	min-height: 16px;
	min-width: 16px;
}

.githubCloneAuth .dismissButton {
	color: #1bb199;
	margin-left: 0;
}

.githubCloneAuth .dismissButton:hover {
	color: #1bb199;
}

.parametersDismiss .core-sprite-close {
	margin-right: 0;
	padding-right: 0;
	padding-top: 0;
}

html[dir="rtl"] .parametersDismiss .core-sprite-close { /* ACGC */
	margin-left: 0;
	margin-right: auto;
	padding-left: 0;
}

.cancelButton {
	border: 1px solid transparent;
	background: #D3D3D3 !important;
	color: black;
    border-radius: 3px;
	padding: 2px;
	font: 8pt Lucida Sans Unicode,Lucida Grande,Verdana,Arial,Helvetica,Myriad,Tahoma,clean,sans-serif;  /* to override user agent stylesheet */
	margin: 0 4px 0;
	vertical-align: middle;
	min-height: 16px;
}

.dismissButton:hover {
	color: #fdfdfd;
}

.parameterPrompt {
	color: #fdfdfd;
	display: block;
	padding: 6px 4px 0;
}

.parameterMessage {
	max-width: 400px;
	padding: 6px 4px;
}

/* button contained in a slideout next to parameter fields */
.parameterInlineButton {
	vertical-align: baseline;
}

/* parameter labels */
label.parameterInput {
	color: #555;
	white-space: nowrap;
}

/* parameter fields */
.parameterInput {
	margin: 4px;
	font-weight: normal;
	vertical-align: middle;
	color:#333;
}

button.dismissButton.parameterInput {
	color: whitesmoke;
	margin-top: 3px;
	margin-bottom: 3px;
}

.parameterInvalid {
	background-color: rgb(243, 224, 220);
}

/* Adjust default sizes and layout for certain types */
input.parameterInput[type=url] {
	width: 30em;
}

input.parameterInput[type=checkbox] {
	width: auto;
}

textarea.parameterInput {
	vertical-align: top;
	width: 50em;
	outline: none;
}

div.parameterInput[contenteditable="true"] {
	width: 30em;
	display: inline-block;
	background-color: white;	
}

div.parameterInput[contenteditable="true"]:before {
    content: "\feff ";
}

.parameterPopup {
	min-width: 15em;
	max-width: 100em;
	color: #333;
}

.parameterPopup > label{
	color: whitesmoke;
}

.parameterPopup > input{
	color: #333;
}


.navTableHeading {
	color: #404040;
	border-bottom: 1px solid #404040;
}

.navColumn {
	min-width: 150px;
	vertical-align: baseline;
	padding: 2px;
}

.navColumnNoIcon {
	padding: 6px;
}

.navRow {
	vertical-align: baseline;
	border-spacing: 8px;
}

.disabledNavRow > .navColumn > .mainNavColumn {
	outline: 1px dashed lightgray;
}

.disabledNavRow > .navColumn > .mainNavColumn > * {
	color: #707070;
	cursor: default;
}

.disabledNavRow > .navColumn > .mainNavColumn > *:hover {
	border: none;
}

.mainNavColumn {
	display: inline;
	vertical-align: baseline;
	white-space: nowrap;
}

.singleNavColumn {
	width: calc(100% - 6px); /* accounts for left border width */
	white-space: nowrap;
}

.actionsColumn {
	min-width: 300px;
	text-align: right;
	padding-left: 16px;
	vertical-align: middle;
	height: 24px;  /* breathing room */
}

html[dir="rtl"] .actionsColumn { /* ACGC */
	text-align: left;
	padding-right: 16px;
	padding-left: 0px;
}

.selectionCheckmarkSprite {
	display: inline-block; 
	vertical-align: middle; 
	background: url(../images/core_sprites.png) no-repeat top left;
	border: 0;
}

.modelDecorationSprite { 
	display: inline-block; 
	vertical-align: middle; 
	margin-left: 8px;
	padding-right: 8px;
	margin-right: 8px;
}

html[dir="rtl"] .modelDecorationSprite { /* ACGC */ 
	padding-left: 8px;
	padding-right: 0px;
}

.advancedSearchDecorationSprite { 
	display: inline-block; 
	vertical-align: middle; 
	background: url(../images/core_sprites.png) no-repeat top left;
	margin-left: 0px;
	padding-right: 0px;
}

.thumbnail {
	vertical-align: middle; 
	padding: 0;
	margin: 0;
	margin-left: 8px; 
	padding-right: 8px;
	margin-right: 8px;
	height: 16px;
	width: 16px;
	vertical-align:bottom;
}

html[dir="rtl"] .thumbnail { /* ACGC */
	padding-left: 8px;
	padding-right: 0px;
}

/* less hit-area since we aren't worried about touch */
@media all and (min-device-width: 1025px) {
	.modelDecorationSprite { 	
		padding: 0;
		margin: 0;
		margin-left: 2px;
		padding-right: 2px;
		margin-right: 2px;
	}
	
	html[dir="rtl"] .modelDecorationSprite {  /* ACGC */	
		padding-left: 2px;
		padding-right: 0px;
	}
	
	.thumbnail {
		margin-left: 2px; 
		padding-right: 2px;
		margin-right: 2px;
		max-height: 24px;
		max-width: 48px;
		vertical-align:bottom;
	}
	
	html[dir="rtl"] .thumbnail {  /* ACGC */	
		padding-left: 2px;
		padding-right: 0px;
	}
	
	.selectionCheckmarkSprite { 	
		padding: 0;
		padding-left: 2px;
		padding-right: 2px;
		margin-right: 2px;
	}
	
	html[dir="rtl"] .selectionCheckmarkSprite {  /* ACGC */	
		padding-left: 2px;
		padding-right: 0px;
	}
	
	.checkColumn {
		width: 22px;
	}
}

.pane {
   	margin: 0;
    padding: 0;
    background: #FFFFFF;
    min-width: 300px;
}

.userEditBoxPrompt {
	background: white;
	color: black;
}

.auxPadding {
	padding-left: 8px;
	padding-top: 2px;
    padding-bottom: 8px;
}

html[dir="rtl"] .auxPadding { /* ACGC */
	padding-right: 8px;
	padding-left: 0px;
}
 
.help {
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 8px;
	padding-right: 8px;
}

.footer {
	text-align: left;
	width: 100%;
	border: 0;
	padding: 0;
}

html[dir="rtl"] .footer { /* ACGC */
	text-align: right;
}

.toolbarLabel {
	padding-left: 8px;
}

html[dir="rtl"] .toolbarLabel { /* ACGC */
	padding-right: 8px;
	padding-left: 0px;
}

.slideContainer {
	height: auto;
	float: right;
	margin: 2px;
	margin-top: 0;
	margin-left: 4px;
	display: none;
	vertical-align: middle;
	font-size: 11px;
	z-index: 70;
	color: #999;
}

html[dir="rtl"] .slideContainer { /* ACGC */
	float: left;
	margin-right: 4px;
	margin-left: auto;
}

.slideParameters {
	background-color: #5fc8b7;
}

.mainToolbar .slideContainer {
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	position: absolute;
	top: -36px;
	-webkit-transition: top 0.3s ease;
	-moz-transition: top 0.3s ease;
	-o-transition: top 0.3s ease;
	transition: top 0.3s ease;
}

.mainToolbar .slideParameters {
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	position: absolute;
}

.slideContainerActive {
	display: block;
}

.activeCommand {
	background-color: #e3e3e3;
	border: 1px solid #9a9a9a;
}

/* marker used by parameter collectors to identify commands */
.commandMarker {
}

.bannerMenu {
	margin: 0;
	margin-left: 8px;
	margin-right: 8px;
	font-size: 7pt;
	display: inline-block;
	padding-top:0 !important;
	vertical-align: baseline;
}

.bannerMenuSearchOptions {
	margin-left: -20px;
}

html[dir="rtl"] .bannerMenuSearchOptions { /* ACGC */
	margin-right: -20px;
	margin-left: 0px;
}

.bannerButton {
	border: 1px solid transparent;
	text-align: center;
	vertical-align: baseline;
    cursor: pointer;
    display: inline-block;
    border-radius:3px;
    margin: 2px;
    padding: 2px;
}

.bannerButton:hover {
	background-color: #e6e6e6;
	border: 1px solid #707070;
}

.toolbarButton {
	border: 0;
	padding: 0;
	height: 20px;
}

.keyAssistFloat {
	color: white;
	display: none;
	background: rgba(55, 71, 79, 0.9);
	position: fixed;
	right: 44px;
	top: 80px;
	min-width: 250px;
	padding: 5px;
	z-index:100;
	border-radius: 4px;
}

html[dir="rtl"] .keyAssistFloat { /* ACGC */
	left: 44px !important;
	right: auto !important;
}

.keyAssistContents {
	width: auto;
	height: 400px;
	margin-top: 8px;
	margin-bottom: 1px;
	overflow: hidden;
}

.keyAssistInput {
	color: inherit;
	background: #263238;
	width: 100%;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}

.keyAssistInput::placeholder {
	color: #b4a454;
}

.keyAssistBindingInput {
	font-size: 10pt;
	font-weight: bold;
	color: #efc100;
	background: #263238;
	border: none;
	outline: none;
	height: 100%;
	text-align: right;
	margin: 0;
	padding: 0;
}

.keyAssistList {
	width: 100%;
	border-collapse: collapse;
	outline: none;
}

.keyAssistSection th {
	text-align: start;
}

.keyAssistItem {
	outline: none;
}

.keyAssistItem.selected {
	color: black;
	background: rgba(255, 255, 255, 0.3);
}

.keyAssistItem:hover {
	color: black;
	background: rgba(255, 255, 255, 0.3);
}

.keyAssistEditButton {
	display: block;
	visibility: hidden;
	color: white !important;
}

.keyAssistEditButton .core-sprite-edit {
	font-size: 12px;
}

.keyAssistEditButtonVisible {
	visibility: visible;
}

.keyAssistActions {
	padding-right: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.keyAssistItem:hover .keyAssistEditButton  {
	visibility: visible;
}

.keyAssistEditButton:focus {
  background-color: #a5b5bc;
}

.keyAssistSpacer {
	width: 16px;
	height: 14px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.keyAssistFloat h2 {
	color: gold;
	margin: auto;
}

.keyAssistName {
	text-align: left;
	padding: 3px;
	padding-left: 20px;
}

.keyAssistAccel {
	/*font-family: Monaco;*/
	font-size: 10pt;
	font-weight: bold;
	color: #efc100;
	text-align: right;
	padding: 3px;
	min-width: 150px;
}

.keyAssistItem.selected .keyAssistAccel {
    color: black;
}

.inputCompletionContainer {
	border-radius:1px;
	color: black;
	display: block;
	border:  1px solid #DDD;
	background: #fefefe;
	max-height: 300px;
	max-width: 300px;
	min-width: 150px;
	position: absolute;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 2px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	z-index:200;
}

.inputCompletionDismissButton {
	background: transparent;
	color: silver;
    border-radius: 1px;
	padding: 0;
	font: 8pt Lucida Sans Unicode,Lucida Grande,Verdana,Arial,Helvetica,Myriad,Tahoma,clean,sans-serif;  /* to override user agent stylesheet */
	vertical-align: middle;
	min-height: 16px;
	min-width: 16px;
}

.inputCompletionLILeftTD {
	height: 19px;
	font-size: 9pt;
}

.inputCompletionLIRightTD {
	width: 19px;
	height: 19px;
}

.inputCompletionUL {
	list-style : none;
	margin: 0;
	padding: 0;
}

.inputCompletionLISelected {
	background : rgba(60, 113, 179, 0.25);
}

.inputCompletionLICategory {
	font-weight: bold;
}

.inputCompletionLINormal {
	background : white;
}

#tree {
	margin-right: 9em;
	overflow-x: hidden;
}

html[dir="rtl"] #tree { /* ACGC */
	margin-left: 9em;
	margin-right: auto;
}

#treeButtons br {
	line-height: 0.5em;
}

#treeButtons {
	margin: 0;
	padding: 0;
	float: right;
	width: 9em;
}

html[dir="rtl"] #treeButtons { /* ACGC */
	float: left;
}

#treeButtons .contentButton {
	width: 8.5em;
	margin: 0;
	margin-bottom: 3px;
	font-size: 1em;
}

.testResult {
	background-color: #444444 !important;
	color: white;
}

/* TODO these "item" classes should be removed. Check for users. */
.folderItem {
	background: url(../images/folder.png);
}
.fileItem {
	background: url(../images/file.png);
}
.newItem {
	background: url(../images/addcontent.png);
}

.treetable {
	border-spacing: 0;
	width:100%;
}

.miniNavTreeTable {
	border-spacing: 0;
	width:100%;
	padding-left:0px;
}

.secondaryColumn {
	color: #666666;	
	padding-right: 8px;
	vertical-align:middle;
	white-space: nowrap;
}

html[dir="rtl"] .secondaryColumn { /* ACGC */
	padding-left: 8px;
	padding-right: 0px;
}

.secondaryColumnRight {
	color: #666666;	
	padding-right: 8px;
	padding-top: 8px;
	vertical-align:top;
	text-align: right;
}

html[dir="rtl"] .secondaryColumnRight { /* ACGC */
	padding-left: 8px;
	padding-right: 0px;
	text-align: left;
}
 
.secondaryColumnLeft {
	color: #666666;	
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;
	vertical-align:top;
	text-align: left;
}

html[dir="rtl"] .secondaryColumnLeft { /* ACGC */
	text-align: right;
}

.primaryColumn {
	color: #266c8f;
	text-decoration: none;
	vertical-align:top;
}

.checkColumn {
	padding: 0;
	padding-left:10px;
	vertical-align: middle;
}

html[dir="rtl"] .checkColumn { /* ACGC */
	padding-right:10px;
	padding-left:0px;
}

.testNavTreetable {
	min-width: 150px;
}

.testResultTreetable {
	min-width: 600px;
}

.selectionModelContainer {
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
 	width: calc(100% - 6px);
}

.selectionModelContainer > div > table{
  border-spacing: 0px 3px;
}

.lightSectionTreeTableRow {
	background-color: #FFFFFF;
}

.darkSectionTreeTableRow {
	background-color: #f5f7f9;
}

.treeIterationCursorRow {
	background-color: rgba(16,106,91, 0.3);
}

.treeIterationCursorRow_Dotted {
	background-color: rgba(16,106,91, 0.3);
}

.searchCmdGroupMargin {
	margin-left: 16px;
	margin-top: 2px;
}

html[dir="rtl"] .searchCmdGroupMargin { /* ACGC */
	margin-right: 16px;
	margin-left: auto;
}

.LoginWindowLeft {
	padding-left: 0.5em;
}

html[dir="rtl"] .LoginWindowLeft { /* ACGC */
	padding-right: 0.5em;
	padding-left: 0em;
}

.LoginWindowRight {
	padding-right: 0.5em;
}

html[dir="rtl"] .LoginWindowRight { /* ACGC */
	padding-left: 0.5em;
	padding-right: 0em;
}

.LoginWindowComment {
	font-size: 0.9em;
	padding-left: 15px;
}

html[dir="rtl"] .LoginWindowComment { /* ACGC */
	padding-right: 15px;
	padding-left: 0px;
}

#outline #switchOutlineMenu {
	float: right;
}

html[dir="rtl"] #outline #switchOutlineMenu { /* ACGC */
	float: left;
}

#outline #switchOutlineMenu .commandImage {
	display: none;
}

#outline>ul {
	padding-left: 0 !important;
	clear: both;
	margin: 4px 0 0 8px;
}

html[dir="rtl"] #outline>ul { /* ACGC */
	padding-right: 0 !important;
	margin: 4px 8px 0px 0px;
}

#outline ul {
	padding-left: 14px;
}

html[dir="rtl"] #outline ul { /* ACGC */
	padding-right: 14px;
	padding-left: 0px;
}

#outline li {
	padding-bottom: 2px;
	list-style-type: none;
	white-space: nowrap; /*wrapping makes indented list hard to read*/
}

.uploadContainer{
	padding:20px;
	font-weight:bold;
}

.dottedOutline{
	border: #DDD 4px dashed;
	border-radius: 2px;
	padding:50px;
	height:300px;
	width: 300px;
}

.floatingSection{
	color: #DDD;
}

.uploadInstruction{
	font-size: 18pt;
	color: #CCC;
	padding: 0 0 25px;
	text-align:center;
}

.tipInstruction{
	font-size: 12pt;
	color: #CCC;
	padding: 0 0 100px;
	text-align:center;
}

.uploadOptions {
	font-size: 14pt;
	color: #BBB;
	padding: 0 0 100px;
	text-align: center;
	vertical-align: middle;
}

.uploadOptionsItem {
	font-size: 12pt;
	color: #BBB;
	text-align: center;
	vertical-align: middle;
	margin: 0 8px !important;
}

/* don't try to fight the poor styling and alignment of file inputs.  The browser will defeat you.  Just make it look like its own reasonable island */
/* the real solution is to overlay a styled button on top.  http://stackoverflow.com/questions/572768/styling-an-input-type-file-button/9546968  */
.uploadChooser{
	vertical-align: middle;
	margin-right: 24px;
	margin-bottom: 4px;
	border: 1px solid #dedede;
    border-radius:1px;
}

html[dir="rtl"] .uploadChooser{ /* ACGC */
	margin-left: 24px;
	margin-right: auto;
}

.targetSelector{

}

#folderNameparameterCollector{
	color:#333;
}

#urlparameterCollector{
	color:#333;
}

.setting-control {
	display: table-cell;
	width: 130px;
	padding: 4px;
	margin: 5px;
	background-color: white;
	border: 1px solid #CCC;
	border-radius: 3px;
	font-size: 12px;
	color: #222;
	vertical-align: middle;
}

.setting-control[type="text"] {
	width: 120px;
}

.setting-control[type="number"] {
	width: 120px;
}

.userProfile input.setting-control {
	width: 300px;
}
.local {
	display: table;
}

.local .sectionWrapper {
	display: none;
}

.local .sectionTable {
	border: none;
	max-height: 400px;
	overflow-y: auto;
	overflow-x: visible;
}

.local .setting-content > div {
	display: table-row;
}

.local .setting-content > div > label {
	display: table-row;
}

.local .setting-header {
	font-weight: bold;
	margin: 4px;
}

.local .setting-label {
	padding-left: 8px;
	text-align: right;
	display: table-cell;
	vertical-align: middle;
	min-width: 150px;
}

.local .setting-link {
	float: right;
	margin-right: 4px;
	margin-top: 4px;
}

html[dir="rtl"] .local .setting-label { /* ACGC */
	padding-right: 8px;
	padding-left: 0px;
	text-align: left;
}

.delegatedUI {
	position: absolute; 
	min-width: 250px;
	min-height: 100px;
	/* width, height may be overridden by the provider */
	width: 600px;
	height: 400px;
	z-index: 150;
	box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.2);
	border: 1px solid #BBBBBB;
	border-collapse: separate;
}

/* FOR NAVIGATION DROP DOWN */

.centralNavigation {
	margin-bottom:2px;
	cursor:pointer;
}

.centralNavigation:hover{
	color: #00AED1;
}

.navigationLabel{
	color:#ddd;
	cursor:pointer;
	display: inline;
	padding-right: 3px;
}

html[dir="rtl"] .navigationLabel{ /* ACGC */
	padding-left: 3px;
	padding-right: 0px;
}

.groupedContentDivider{
	float: left;
	width: 1px;
	height: 160px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left: dashed 1px #ddd;
}

html[dir="rtl"] .groupedContentDivider{ /* ACGC */
	float: right;
	border-right: dashed 1px #ddd;
	border-left: 0px;
}

.navigationBreadcrumb{
	font-family: sans-serif;
}

.currentLocation{
	margin-left:3px;
	margin-right:3px;
}

.modifiedFileMarker{
	padding-left:5px;
}

html[dir="rtl"] .modifiedFileMarker{ /* ACGC */
	padding-right:5px;
	padding-left:0px;
}

.noFile {
	padding: 10px;
	vertical-align: middle;
}

.navColumnBold {
    font-weight: bold;
}

.icon-inline {
	display: inline-block;
	vertical-align: middle;
	margin: 0 2px 0 2px;
}

.projectNavColumn {
    color: #EEE;
    font-weight: bold;
}

.projectPrimaryNavColumn {
	color: white;
}

.projectNavColumn a{
	color: #EEE;
    font-weight: bold;
}

.projectPrimaryNavColumn a{
	color: white;
    font-weight: bold;
}

.projectInformationNode{

}

.sectionWrapper, .sectionTable{
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	margin-top: 5px;
	overflow-y: hidden; /* prevent vertical scrollbar from showing during expand/collapse */
}

html[dir="rtl"] .sectionWrapper, html[dir="rtl"] .sectionTable{ /* ACGC */
	text-align: right;
}

.mainpane .sectionTable .treetable, .mainpane .sectionWrapper .treetable, .mainpane .sectionTable .treetable .actionsColumn{
	min-width: inherit;
}

.fixedMinWidthText {
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	max-width: 300px;
}

.sectionTable {
	margin-top: 0;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #f1f3f4;
	-webkit-transition: all 0.1s ease, left 0;
	transition: all 0.1s ease, left 0;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
}

/* sectionTable preceeded by a sectionWrapper */
.sectionWrapper+.sectionTable {
	border-top: none;
}

.sectionTable:last-child {
	margin-bottom: 5px;
}

.sectionTable.sectionOpened {
	visibility: visible;
}

.sectionTable.sectionClosed {
	height: 0;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	visibility: hidden;
}

.sectionWrapper{
	border: 1px solid;
	margin-left: 5px;
	margin-right: 5px;
	background: none repeat scroll 0 0 #f4f4f4;
	vertical-align: middle;
	font-weight: bold;
	padding: 6px;
	color: #707070;
	margin-bottom: 0;
	border-color: #e3e7ea;
	transition: all 0.1s ease;
}

.sectionWrapper.sectionClosed:not(:focus) {
	box-shadow: none;
}

.sectionWrapper.sectionClosed:hover {
	box-shadow: 0 1px 2px 0 rgb(60, 113, 179);
	transition: all 0.1s;
}

.sectionTable td {
	border-bottom: 1px solid #f1f3f4;
	vertical-align: middle;
	color: #505050;
}

.sectionTable tr:last-child td{
	border-bottom: 0;
}

.sectionTable div.lightTreeTableRow:last-child, .sectionTable div.lightTreeTableRow:last-child{
	border-bottom: 0;
}

/* Saved Searches section */
#searchSectionContent.sectionTable {
	box-shadow: none;
}

#searchSectionContent.sectionTable .mainNavColumn {
	padding-right: 0;
}

.treeTableRow span.core-sprite-closedarrow, .treeTableRow span.core-sprite-openarrow {
	cursor: pointer;
}

.treeTableRow span.core-sprite-closedarrow:hover, .treeTableRow span.core-sprite-openarrow:hover {
	color: #00AED1;
}

.searchOutlineContainer {
	height:100%;
	width:100%;
	position:relative;
	overflow-y: auto;
	overflow-x: auto;
}

.searchOutlineContainer .filesystemSwitcher .dropdownMenu {
	position: fixed;
}

.orionMarkdown {
	padding: 8px;
	color: #151515;
}

.orionMarkdown h1 {
	position: relative;
}

.orionMarkdown h2 {
	font-size: initial;
}

.orionMarkdown img {
	max-width: 100%;
}

.orionMarkdown pre, .orionMarkdown code {
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.orionMarkdown pre {
	padding: 6px 10px;
	overflow: auto;
}

.orionMarkdown code {
	padding: 0 5px;
	margin: 0 2px;
}

.orionMarkdown pre code {
	background-color: transparent;
    padding: 0;
	border: 0;
	margin: 0;
}

.markdownSelected {
	background-color: #f7f7d5;
}

.orionProject input, .orionProject textarea{
	border: 1px solid lightgrey;
}

.orionProject .discreetInput {
	border: 1px solid transparent; /* prevent movement on hover */
	color: #707070;
	font: 8pt Lucida Sans Unicode,Lucida Grande,Verdana,Arial,Helvetica,Myriad,Tahoma,clean,sans-serif;
	width: 90%;
	margin-left: 0;
	min-height: 15px;
	background-color: inherit;
}

html[dir="rtl"] .orionProject .discreetInput { /* ACGC */
	margin-right: 0;
	margin-left: auto !important;
}

.orionProject .discreetInput:hover, .orionProject .discreetInput:focus {
	border: 1px solid lightgrey;
	color: black;
	background-color: white;
}

.discreetInputLabel {
	font-weight: bold;
	padding: 8px;
}

.discreetInputHidden {
	display: none !important;
}

.discreetInputURLWrapper {
	padding: 2px;
}

.discreetInputCell {
	color: #666666;	
	padding: 1px;
}

.discreetInfoCell {
	color: #666666;	
	padding: 8px;
}

.sectionTreeTable {
	border-spacing: 0;
	width:100%;
}

.sectionTreeTable td {
	border-bottom: none !important;
}

.sectionTreeTableHeader{
	background: none !important;
}

.lightTreeTableRow, .darkTreeTableRow {
	border-bottom: 1px solid #dadada;
}

.progressBar {
	border-radius: 3px;
	width: 0;
	background-color: #fab467; /* for browsers that don't support linear-gradient */
	background: linear-gradient(#fabb76, #e1a25c);
	display: inline-block;
	height: 100%;
}

.progressBarWrapper {
	border: 1px solid #dadada;
	border-radius: 3px;
	display: inline-block;
	height: 14px;
	margin-left: 5px;
	overflow: hidden;
	padding: 1px;
	vertical-align: middle;
	width: 100px;
}

html[dir="rtl"] .progressBarWrapper { /* ACGC */
	margin-right: 5px;
	margin-left: auto;
}

.uploadNode {
	background-color: whitesmoke;
	padding: 2px 0;
	vertical-align: middle;
}

.uploadNodeText {
	display: inline-block;
	overflow: hidden;
	max-width: calc(100% - 145px);
	padding: 4px;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: nowrap;
	color: white;
}

.progressBarWrapper .progressBar {
	vertical-align: top;
}

.uploadNode .uploadCancelButton {
	cursor: pointer;
	float: right;
	font-size: 14px;
	padding: 2px 6px;
	vertical-align: middle;
}

html[dir="rtl"] .uploadNode .uploadCancelButton { /* ACGC */
	float: left;
}

.uploadCancelButton:hover {
	color: #00AED1;
}

.progressBar.continuous {
	-webkit-animation:uploadAnimation 1s infinite linear;
	-moz-animation:uploadAnimation 1s infinite linear;
	animation:uploadAnimation 1s infinite linear;
	background: linear-gradient(to right, transparent, #fab467, transparent);
	width: 100%;
}

@-webkit-keyframes uploadAnimation{
	from{margin-left: -100%;}
	to{margin-left: 100%;}
}

@-moz-keyframes uploadAnimation{
	from{margin-left: -100%;}
	to{margin-left: 100%;}
}

@keyframes uploadAnimation{
	from{margin-left: -100%;}
	to{margin-left: 100%;}
}

.promptDialogMessage {
	color: #222;
	margin: 0 2px 4px 2px;
	white-space: pre;
}

.promptDialogInput {
	min-width: 200px;
	padding: 4px;
	margin: 2px 2px 0 2px;
	background-color: white;
	border: 1px solid #CCC;
	border-radius: 3px;
	font-size: 12px;
	color: #222;
}

.openResourceDialogInput {
	display: inline-block;
	width: 130px;
	padding: 4px;
	margin: 5px;
	background-color: white;
	border: 1px solid #CCC;
	border-radius: 3px;
	font-size: 12px;
	color: #222;
}

.fileExplorerProgressDiv {
	margin-left: 10px;	
}

html[dir="rtl"] .fileExplorerProgressDiv { /* ACGC */
	margin-right: 10px;
	margin-left: auto;	
}

.treeAnnotation {
	pointer-events: none;
	display: inline-block;
	vertical-align: bottom;
	padding: 0 2px;
	height: 20px;
}

.navAnnotation .collabAnnotation {
	pointer-events: initial;
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	font-size: 11px;
	font-weight: bold;
	font-family: monospace;
	line-height: 16px;
	text-align: center;
	color: #fff;
	margin: 2px 2px 2px 2px;
	cursor: pointer;
    vertical-align: bottom;
}

.collabAnnotation.collabEditing {
    animation: collab-editing 1s infinite;
}

@keyframes collab-editing {
    0% {
		box-shadow: rgba(127, 191, 255, 0) 0 0 4px 2px;
	}
    50% {
		box-shadow: rgba(127, 191, 255, 1) 0 0 4px 2px;
    }
    100% {
		box-shadow: rgba(127, 191, 255, 0) 0 0 4px 2px;
	}
}

.treeAnnotation .overlay {
	width: 7px;
	height: 7px;
	display: inline-block;
	background-image: url("");
    position: relative;
    left: -7px;
	top: 7px;
}

.treeAnnotation .editingAnnotation {
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	text-shadow: 0px 0px 1px #000000;
	display: inline-block;
	cursor: pointer;
	margin: 2px;
	pointer-events: initial;
    vertical-align: bottom;
}

.treetable-tooltip {
	z-index: 999;
	padding: 10px;
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	word-break: break-all;
	width: 200px;
	min-height: 20px;
	position: absolute;
}

.treetable-tooltip .cross {
	position: absolute;
	right: 3px;
	top: 1px;
	cursor: pointer;
}

/* The visuallyhidden class can be used to hide an element offscreen,
 * yet keep it available to keyboard and screen reader users.
 * In general, hiding an element in this way is a bad idea, and every
 * effort should be made to fit it into the visual presentation.
 * However, there are occasions when this can improve UX. Use wisely.
 * <<<< READ COMMENT BEFORE USING */
.visuallyhidden {
    position: absolute;
    left: -9999em;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
